<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>404 - 页面不存在</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/admin/layui/css/layui.css">
    <style>
        .error-container {
            text-align: center;
            padding-top: 100px;
        }

        .error-icon {
            font-size: 120px;
            color: #3498db;
            margin-bottom: 20px;
        }

        .error-title {
            font-size: 36px;
            color: #2c3e50;
            margin-bottom: 15px;
        }

        .error-subtitle {
            font-size: 18px;
            color: #7f8c8d;
            margin-bottom: 30px;
        }

        .back-home {
            display: inline-block;
            padding: 10px 30px;
            background: linear-gradient(120deg, #3498db, #2980b9);
            color: #fff;
            border-radius: 4px;
            text-decoration: none;
            transition: all 0.3s;
        }

        .back-home:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
        }
    </style>
</head>

<body>
    <div class="error-container">
        <div class="error-icon">
            <i class="layui-icon layui-icon-404"></i>
            <img src="/media/default/254x254.ico" alt="">
        </div>
        <h1 class="error-title">页面不存在</h1>
        <p class="error-subtitle">抱歉，您访问的页面已经迷路了</p>
        <a href="/web/index/" class="back-home">返回首页</a>
    </div>
</body>

</html>